<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head lang="en">
		<meta charset="utf-8" />
		<title>二手交易商城</title>
		<link rel="stylesheet" type="text/css" href="../../css/public.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/index.css" />
		<link rel="stylesheet" type="text/css" href="../../admin/swiper.min.css" />

	</head>
	<body>
		<!------------------------------head------------------------------>
		<div class="head">
			<div class="wrapper clearfix">
				<div class="clearfix" id="top">
					<h1 class="fl"><a href="index"><img src="../../img/temp/logo2.png"/></a></h1>
					<div class="fr clearfix" id="top1">
						<p class="fl"  th:if="${session.username==null}">
							<a href="login" id="login">登录</a>
							<a href="reg" id="reg">注册</a>
						</p>
						<p class="fl" th:unless="${session.username==null}">
							<a ><span type="text" id="username"></span></a>
						</p>
						<form th:action="@{/front/search}" th:method="post" enctype="multipart/form-data" class="fl">
							<input type="text" th:id="search" th:name="search" placeholder="搜索" />
							<input type="submit" value=""/>
						</form>
						<div class="btn fl clearfix">
							<a th:href="@{/front/mygxin}"><img src="../../img/grzx.png"/></a>
							<a href="#" class="er1"><img src="../../img/ewm.png"/></a>
							<a th:href="@{/front/cart}"><img src="../../img/gwc.png"/></a>
							<p><a href="#"><img src="../../img/smewm.png"/></a></p>
						</div>
					</div>
				</div>
				<ul class="clearfix" id="bott">
					<li><a th:href="@{/front/index}">首页</a></li>
					<li>
						<a href="#">所有商品</a>
						<div class="sList">
							<div class="wrapper  clearfix">
								<a th:each="category,categoryStat:${category}" th:href="@{/front/getcategory/(categoryId=${category.categoryId},sort=99)}">
									<dl>
										<dt><img th:src="@{'/files/test/pic/'+${category.photo}}"/></dt>
										<dd th:text="${category.name}"></dd>
									</dl>
								</a>
							</div>
						</div>
					</li>
					<li th:each="category,categoryStat:${category}">
						<a th:href="@{/front/getcategory/(categoryId=${category.categoryId},sort=99)}">
							<span th:text="${category.name}"></span>
						</a>
					</li>
				</ul>
			</div>
		</div>
		<!-------------------------banner--------------------------->



		<!-----------------------banner------------------------->
		<div class="swiper-container">
			<div class="swiper-wrapper">
<!--				<div class="swiper-slide">-->
					<th:block th:unless="${#lists.isEmpty(carousels)}">
						<th:block th:each="carousel : ${carousels}">
							<div class="swiper-slide">
								<a th:href="@{${carousel.redirectUrl}}">
									<img th:src="@{${carousel.carouselUrl}}" alt="">
								</a>
							</div>
						</th:block>
					</th:block>
			</div>
			<!-- Add Arrows -->
			<div class="swiper-button-next"></div>
			<div class="swiper-button-prev"></div>
			<!-- Add Pagination -->
			<div class="swiper-pagination"></div>
		</div>

		<!------------------------------thImg------------------------------>
		<div class="thImg">
			<div class="clearfix">
				<a href="vase_proList"><img src="../../img/i1.jpg"/></a>
				<a href="proList"><img src="../../img/i2.jpg"/></a>
				<a href="#2"><img src="../../img/i3.jpg"/></a>
			</div>
		</div>
		
		<!------------------------------news------------------------------>
		<div class="news">
			<div class="wrapper">
				<h2><img src="../../img/ih1.jpg"/></h2>
				<div class="top clearfix">
					<a href="proDetail"><img src="../../img/n1.jpg"/><p></p></a>
					<a href="proDetail"><img src="../../img/n2.jpg"/><p></p></a>
					<a href="proDetail"><img src="../../img/n3.jpg"/><p></p></a>
				</div>
				<div class="bott clearfix">
					<a href="proDetail"><img src="../../img/n4.jpg"/><p></p></a>
					<a href="proDetail"><img src="../../img/n5.jpg"/><p></p></a>
					<a href="proDetail"><img src="../../img/n6.jpg"/><p></p></a>
				</div>
				<h2><img src="../../img/ih2.jpg"/></h2>
				<div class="flower clearfix tran">
					<a href="proDetail" class="clearfix">
						<dl>
							<dt>
								<span class="abl"></span>
								<img src="../../img/flo1.jpg"/>
								<span class="abr"></span>
							</dt>
							<dd>【花艺】七头美丽玫瑰仿真花束</dd>
							<dd><span>¥ 79.00</span></dd>
						</dl>
					</a>
					<a href="proDetail">
						<dl>
							<dt>
								<span class="abl"></span>
								<img src="../../img/flo2.jpg"/>
								<span class="abr"></span>
							</dt>
							<dd>【花艺】七头美丽玫瑰仿真花束</dd>
							<dd><span>¥ 79.00</span></dd>
						</dl>
					</a>
					<a href="proDetail">
						<dl>
							<dt>
								<span class="abl"></span>
								<img src="../../img/flo3.jpg"/>
								<span class="abr"></span>
							</dt>
							<dd>【花艺】七头美丽玫瑰仿真花束</dd>
							<dd><span>¥ 79.00</span></dd>
						</dl>
					</a>
				</div>
				<div class="flower clearfix tran">
					<a href="proDetail">
						<dl>
							<dt>
								<span class="abl"></span>
								<img src="../../img/flo4.jpg"/>
								<span class="abr"></span>
							</dt>
							<dd>【花艺】七头美丽玫瑰仿真花束</dd>
							<dd><span>¥ 79.00</span></dd>
						</dl>
					</a>
					<a href="proDetail">
						<dl>
							<dt>
								<span class="abl"></span>
								<img src="../../img/flo5.jpg"/>
								<span class="abr"></span>
							</dt>
							<dd>【花艺】七头美丽玫瑰仿真花束</dd>
							<dd><span>¥ 79.00</span></dd>
						</dl>
					</a>
					<a href="proDetail">
						<dl>
							<dt>
								<span class="abl"></span>
								<img src="../../img/flo6.jpg"/>
								<span class="abr"></span>
							</dt>
							<dd>【花艺】七头美丽玫瑰仿真花束</dd>
							<dd><span>¥ 79.00</span></dd>
						</dl>
					</a>
				</div>
			</div>
		</div>
		
		<!------------------------------ad------------------------------>
		<a href="#" class="ad"><img src="../../img/ib1.jpg"/></a>
		
		<!------------------------------people------------------------------>
		<div class="people">
			<div class="wrapper">
				<h2><img src="../../img/ih3.jpg"/></h2>
				<div class="pList clearfix tran">
					<a href="proDetail">
						<dl>
							<dt>
								<span class="abl"></span>
								<img src="../../img/s7.jpg"/>
								<span class="abr"></span>
							</dt>
							<dd>【最家】不锈钢壁饰墙饰软装</dd>
							<dd><span>￥688.00</span></dd>
						</dl>
					</a>
					<a href="proDetail">
						<dl>
							<dt>
								<span class="abl"></span>
								<img src="../../img/s10.jpg"/>
								<span class="abr"></span>
							</dt>
							<dd>【最家】小城动物木板画壁挂北欧</dd>
							<dd><span>￥188.00</span></dd>
						</dl>
					</a>
					<a href="proDetail">
						<dl>
							<dt>
								<span class="abl"></span>
								<img src="../../img/s4.jpg"/>
								<span class="abr"></span>
							</dt>
							<dd>【最家】玄关假山水壁饰背景墙饰挂件创意</dd>
							<dd><span>￥599.00</span></dd>
						</dl>
					</a>
					<a href="proDetail">
						<dl>
							<dt>
								<span class="abl"></span>
								<img src="../../img/s9.jpg"/>
								<span class="abr"></span>
							</dt>
							<dd>【最家】金属树枝壁饰铜鸟装饰品</dd>
							<dd><span>￥928.00</span></dd>
						</dl>
					</a>
				</div>
				<div class="pList clearfix tran">
					<a href="proDetail">
						<dl>
							<dt>
								<span class="abl"></span>
								<img src="../../img/s6.jpg"/>
								<span class="abr"></span>
							</dt>
							<dd>【最家】金属壁饰创意背景墙面挂件创意</dd>
							<dd><span>￥228.00</span></dd>
						</dl>
					</a>
					<a href="proDetail">
						<dl>
							<dt>
								<span class="abl"></span>
								<img src="../../img/s8.jpg"/>
								<span class="abr"></span>
							</dt>
							<dd>【最家】小城动物木板画壁挂北欧</dd>
							<dd><span>￥199.00</span></dd>
						</dl>
					</a>
					<a href="proDetail">
						<dl>
							<dt>
								<span class="abl"></span>
								<img src="../../img/s12.jpg"/>
								<span class="abr"></span>
							</dt>
							<dd>【最家】欧式复古挂钟创意餐厅钟表家居挂件</dd>
							<dd><span>￥666.00</span></dd>
						</dl>
					</a>
					<a href="proDetail">
						<dl>
							<dt>
								<span class="abl"></span>
								<img src="../../img/s1.jpg"/>
								<span class="abr"></span>
							</dt>
							<dd>【最家】客厅地中海欧式现代相片墙创意</dd>
							<dd><span>￥59.80</span></dd>
						</dl>
					</a>
				</div>
				<div class="pList clearfix tran">
					<a href="proDetail">
						<dl>
							<dt>
								<span class="abl"></span>
								<img src="../../img/s5.jpg"/>
								<span class="abr"></span>
							</dt>
							<dd>【最家】铁艺荷叶壁挂软装背景墙上装饰品</dd>
							<dd><span>￥800.00</span></dd>
						</dl>
					</a>
					<a href="proDetail">
						<dl>
							<dt>
								<span class="abl"></span>
								<img src="../../img/s3.jpg"/>
								<span class="abr"></span>
							</dt>
							<dd>【最家】欧式照片墙 创意组合结婚礼物</dd>
							<dd><span>￥189.00</span></dd>
						</dl>
					</a>
					<a href="proDetail">
						<dl>
							<dt>
								<span class="abl"></span>
								<img src="../../img/s2.jpg"/>
								<span class="abr"></span>
							</dt>
							<dd>【最家】欧式钟表相框墙挂墙创意组合</dd>
							<dd><span>￥148.00</span></dd>
						</dl>
					</a>
					<a href="proDetail">
						<dl>
							<dt>
								<span class="abl"></span>
								<img src="../../img/s11.jpg"/>
								<span class="abr"></span>
							</dt>
							<dd>【最家】小城动物木板画壁挂北欧</dd>
							<dd><span>￥188.00</span></dd>
						</dl>
					</a>
				</div>
			</div>
		</div>
		<!--返回顶部-->
		<div th:replace="~{front/public/gotop::endbar}"></div>


		<!--		<div class="gotop">-->
<!--			<a href="cart">-->
<!--			<dl>-->
<!--				<dt><img src="../../img/gt1.png"/></dt>-->
<!--				<dd>去购<br />物车</dd>-->
<!--			</dl>-->
<!--			</a>-->
<!--			<a href="#" class="dh">-->
<!--			<dl>-->
<!--				<dt><img src="../../img/gt2.png"/></dt>-->
<!--				<dd>联系<br />客服</dd>-->
<!--			</dl>-->
<!--			</a>-->
<!--			<a href="mygxin">-->
<!--			<dl>-->
<!--				<dt><img src="../../img/gt3.png"/></dt>-->
<!--				<dd>个人<br />中心</dd>-->
<!--			</dl>-->
<!--			</a>-->
<!--			<a href="#" class="toptop" style="display: none">-->
<!--			<dl>-->
<!--				<dt><img src="../../img/gt4.png"/></dt>-->
<!--				<dd>返回<br />顶部</dd>-->
<!--			</dl>-->
<!--			</a>-->
<!--			<p>400-800-8200</p>-->
<!--		</div>-->
		
		<!-------------------login-------------------------->
		<!--footer-->
		<div class="footer">
			<div class="top">
				<div class="wrapper">
					<div class="clearfix">
						<a href="#2" class="fl"><img src="../../img/foot1.png"/></a>
						<span class="fl">7天无理由退货</span>
					</div>
					<div class="clearfix">
						<a href="#2" class="fl"><img src="../../img/foot2.png"/></a>
						<span class="fl">15天免费换货</span>
					</div>
					<div class="clearfix">
						<a href="#2" class="fl"><img src="../../img/foot3.png"/></a>
						<span class="fl">满599包邮</span>
					</div>
					<div class="clearfix">
						<a href="#2" class="fl"><img src="../../img/foot4.png"/></a>
						<span class="fl">手机特色服务</span>
					</div>
				</div>
			</div>
			<p class="dibu">最家家居&copy;2013-2017公司版权所有 京ICP备080100-44备0000111000号<br />
			违法和不良信息举报电话：400-800-8200，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
		</div>
		
		<script src="../../js/jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/public.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/nav.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/jquery.flexslider-min.js" type="text/javascript" charset="utf-8"></script>
		<script th:src="@{/admin/plugins/bootstrap/js/bootstrap3.js}"></script>
		<!-- Swiper JS -->
		<script src="../../admin/swiper.min.js"></script>
<!--		<script th:src="@{/admin/index.js}" type="text/javascript"></script>-->

		<script type="text/javascript">
			$(function() {
				$('#home_slider').flexslider({
					animation: 'slide',
					controlNav: true,
					directionNav: true,
					animationLoop: true,
					slideshow: true,
					slideshowSpeed:2000,
					useCSS: false
				});


				var newbeeSwiper = new Swiper('.swiper-container', {
					//设置自动播放
					autoplay: {
						delay: 5000,
						disableOnInteraction: false
					},
					//设置无限循环播放
					loop: true,
					//设置圆点指示器
					pagination: {
						el: '.swiper-pagination',
					},
					//设置上下页按钮
					navigation: {
						nextEl: '.swiper-button-next',
						prevEl: '.swiper-button-prev',
					}
				});



				$(document).ready(function () {
					$.ajax({
						url: "/getUserInfo",
						type: "GET",
						dataType: "json",
						success: function(json) {
							if (json.state == 200) {
								console.log("username=" + json.data.username);
								console.log("email=" + json.data.email);
								$("#username").val(json.data.username);
								$("#email").val(json.data.email);
								$("#username").text('欢迎您！'+json.data.username)

							} else {
								alert("获取用户信息失败！" + json.message);
							}
						}
					});
				});
			});
		</script>
		
		
	</body>
</html>
